Multiple Colors












Left to Right
Bottom to Top
Bottom right

Bottom left
100 degrees
130 degrees

repeating















default
Circle
Top left corner
Percentage

Radial color stop
background size
Contain
Cover





























padding1

padding1

content1

background-clip: content-box

In the screenshot, the borders use RGBa to be transparent, but they appear solid gray, because they are only revealing the solid white background itself.
Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text

Nelio In the screenshot, we set the background-clip to padding-box. The white background ends before the border and the transparency lays over the content Nelio
Nelio text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some Nelio

multiple backgrounds

shorthand multiple bakgrounds




Color opacity=0.7>


Color opactiy=0.5


color opacity=0.25